<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>menu demo</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
        <style>
            .ui-menu {
                width: 200px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    </head>
    <body>

        <ul id="menu">
            <li><a href="#">Forces</a>
                <ul>
                    <li><a href="#">Contact Forces</a>
                    <li><a href="#">Friction</a>
                    <li><a href="#">Magnitude & direction of Force of Static friction depends on initial conditions of masses involved</a></li>
                    <li><a href="#">Magnitude & direction of Force of Kinetic friction is always = ukFN, and always opposes direction of motion</a></li>
                </ul>
            </li>
            <li><a href="#">Normal Force</a></li>
        </ul>

<script>
    $("#menu").menu();
</script>

</body>
</html>

